/* 实战大数据样式 */
.custom-container-style{
  background-image: url('~@/assets/bigdata/img/bigdatabg1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* padding: 0 10px; */
  overflow-y: scroll;
  /*width: 100%;*/
  min-width: 1500px;
}
.custom-container-style::-webkit-scrollbar {
  display: none;
}
.custom-header-style{
  width: 100%;
  text-align: center;
  color: white;
  height: unset !important;
  position: relative;
}
.custom-data-menu-style{
  width: 100%;
}
.custom-data-menu-style ul{
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  list-style: none;
}
.custom-data-menu-style ul li{
  padding: 0 10px;
  cursor: pointer;
}
.custom-header-style h1{
  margin: 0 auto;
  line-height:100px;
  font-size: 36px;
  background-image: url('~@/assets/bigdata/img/headerbg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-waterDataAnalysis-container{
  width: 100%;
  height: 100%;
  /*margin-top: -15px;*/
  background-color: #111846;
  /* background-image: url('~@/assets/bigdata/img/fangnibg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  position: relative;
  overflow-y: scroll;
}
.custom-waterDataAnalysis-container::-webkit-scrollbar {
  display: none;
}
.custom-waterDataAnalysis-container .el-header{
  height: unset !important;
}
.custom-mainleft{
  left: 10px;
}
.custom-mainright{
  right: 10px;
}
.custom-mainleft,.custom-mainright{
  position: absolute;
  top: 124px;
  width: 23%;
  height: 460px;
  z-index: 9998;
}
.custom-title{
  height: 48px;
  line-height: 30px;
  padding-left: 10px;
  color: white;
  margin-bottom: 8px;
}
li.custom-Trends-list{
  height: 40px;
  line-height: 44px;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  background-image: url('~@/assets/bigdata/img/listbg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 14px;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
}
.custom-mainright ul li{
  margin-bottom: 14px;
}
.custom-date-tabs{
  color: #04e2b5;
}
.custom-title-s{
  background-image: url('~@/assets/bigdata/img/title_s.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-title-m{
  background-image: url('~@/assets/bigdata/img/title_m.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-title-l{
  background-image: url('~@/assets/bigdata/img/title_l.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-title-nar{
  background-image: url('~@/assets/bigdata/img/title_nar.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-title-ll{
  background-image: url('~@/assets/bigdata/img/title_ll.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-title-lll{
  background-image: url('~@/assets/bigdata/img/title_lll.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-title-sl{
  background-image: url('~@/assets/bigdata/img/title_sl.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-title-s02{
  background-image: url('~@/assets/bigdata/img/title_s_02.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.custom-footer-container{
  width: 100%;
  position: absolute;
  top: 564px;
  left: 0;
  padding: 10px 16px;
  display: flex;
  justify-content: space-around;
}
.custom-footer-container .custom-footleft{
  width: 22%;
}
.custom-footer-container .custom-footmiddle{
  width: 37%;
}
.custom-footer-container .custom-footright{
  width: 37%;
  padding-right: 20px;
}
#depthEchart,#areaEchart,#dangerEchart{
  width: 100%;
  height: 258px;
}
/* 隐藏地图logo */
.amap-logo{
  display: none;
  opacity:0 !important;
  z-index: 10;
}
.amap-copyright {
  display: none;
  opacity:0;
  z-index: 10;
}
.custom-header-container{
  width: 100%;
  height: 124px;
  background-image: url('~@/assets/bigdata/img/headerbg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 38px;
  line-height: 100px;
  font-weight: 600;
  text-align: center;
  color: azure
}
.custom-wrap-container{
  width: 98%;
  height: 100%;
  padding: 10px 16px;
}
.custom-wrap-header,.custom-wrap-main,.custom-wrap-footer{
  width: 100%;
  height: 300px;
  /*margin-bottom: 16px;*/
  margin-bottom: 10px;
  position: relative;
}
.custom-wrap-title{
  position: absolute;
  top: 16px;
  left: 5%;
  height: 46px;
  line-height: 28px;
  width: 90%;
  padding: 0;
  padding-left: 6px;
  color: white;
  font-size: 14px;
}
.custom-map-dialog .el-dialog__body{
  padding: 4px;
}

.header-left-piece-third,.header-middle-piece-third,.header-right-piece-third,
#headLeftInterlayerThird,#headMiddleInterlayerThird,#headRightInterlayerThird{
  width: calc(33% - 5px);
  height: 300px;
  position: absolute;
  top: 0;
}
#headLeftInterlayerThird,#headMiddleInterlayerThird,#headRightInterlayerThird,
#mainLeftInterlayerHalf,#mainRightInterlayerHalf,#footLeftInterlayerHalf,#footRightInterlayerHalf{
  z-index: 999;
  background-color: #101977;
  border: 1px solid #07a6ff;
  opacity: 0.2;
  border-radius: 6px;
}
.header-left-piece-third{
  left: 0;
  z-index: 1000;
}
#headLeftInterlayerThird{
  left: 0;
}
.header-middle-piece-third{
  left: calc(33% + 8px);
  z-index: 1000;
}
#headMiddleInterlayerThird{
  left: calc(33% + 8px);
}
.header-right-piece-third{
  right: 0;
  z-index: 1000;
}
#headRightInterlayerThird{
  right: 0;
}
.main-left-piece-half,.main-right-piece-half,.footer-left-piece-half,.footer-right-piece-half,
#mainLeftInterlayerHalf,#mainRightInterlayerHalf,#footLeftInterlayerHalf,#footRightInterlayerHalf{
  width: calc(50% - 6px);
  height: 300px;
  position: absolute;
  top: 0;
}
.main-left-piece-half,.footer-left-piece-half{
  left: 0;
  z-index: 1000;
}
.footer-left-piece-half ul,.footer-right-piece-half ul{
  padding: 0 4%;
}
.footer-left-piece-half li,.footer-right-piece-half li{
  margin-bottom: 10px;
  background-image: url('~@/assets/bigdata/img/listbg_lg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#mainLeftInterlayerHalf,#footLeftInterlayerHalf{
  left: 0;
}
.main-right-piece-half,.footer-right-piece-half{
  right: 0;
  z-index: 1000;
}
#mainRightInterlayerHalf,#footRightInterlayerHalf{
  right: 0;
}
